<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8" />
  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
  <title>大数据融合与挖掘分析平台</title>
  <link rel="stylesheet" href="css/index.css" />
  <script type="text/javascript" src="js/echarts.js"></script>
  <script type="text/javascript" src="js/jquery.js"></script>
  <script type="text/javascript" src="js/china-main-city-map.js" charset="utf-8"></script>
  <!--<script src="js/echarts.min.js"></script>-->
</head>

<body>
  <header class="do">
    <h1>大数据融合与挖掘分析平台</h1>
    <div class="showTime">当前时间：2020年10月<span></span></div>
  </header>
  <section class="mainbox">
    <div class="column">
      <div  class="panel bar">
        <h2>乳制品预警直方图 <a href="javascript:;"></a>
          <a href="javacript:;"></a>
        </h2>
        <div  id='yujing' class="chart" style="height:200px"></div>
        <div class="panel-footer"></div>
      </div>
      <div class="panel line">
        <h2>乳制品成分含量与国家标准</h2>
        <div class="chart"></div>
        <div class="panel-footer"></div>
      </div>
      <div class="panel pie">
        <h2>乳制品成分含量</h2>
        <div class="chart"></div>
        <div class="panel-footer"></div>
      </div>
    </div>
    <div class="column">
      <div class="no">
        <div class="no-hd">
          <ul>
            <li>970</li>
            <li>335</li>
          </ul>
        </div>
        <div class="no-bd">
          <ul>
            <li id='milk'>乳制品</li>
            <li id='meat'>肉制品</li>
          </ul>
        </div>
      </div>
      <div class="map">
        <div class="chart"></div>
        <div class="map1"></div>
        <div class="map2"></div>
        <div class="map3"></div>
      </div>
    </div>
    <script>
      if(window.addEventListener){
        window.addEventListener("load",alert1,false);
      }
      else{
        window.attachEvent("onload",alert1);
      }

      function alert1(){
        document.getElementById("milk").onclick=function () {

        };
        (document).getElementById("meat").onclick=function (){
          window.location.href="index1.html";
        }
      }
    </script>
    <div class="column">
      <div class="panel bar1">
        <h2>乳制品合格率</h2>
        <div class="chart"></div>
        <div class="panel-footer"></div>
      </div>
      <div class="panel line1">
        <h2>乳制品风险等级</h2>
        <div class="chart"></div>
        <div class="panel-footer"></div>
      </div>

      <div class="panel pie1">
        <h2>乳制品饼形图</h2>
        <div class="chart"></div>
        <div class="panel-footer"></div>
      </div>

    </div>
  </section>
  <div id= "main" style="width:500px;height:300px;"></div>
  <script type="text/javascript"></script>
  <script src="js/flexible.js"></script>
 <script src="https://www.jq22.com/jquery/echarts-4.2.1.min.js"></script>

  <!--<script src="js/myMap.js"></script>-->
  <script src="js/china.js"></script>
  <script src="js/echarts.min.js"></script>
  <script src="js/index.js"></script>

  <script>
    (function (fn) {
      fn();
      setInterval(fn, 1000);
    })(function () {
     var dt = new Date();
      document.querySelector(".showTime span").innerHTML =
        dt.getDate() + "日-" +
        dt.getHours() + "时" +
        dt.getMinutes() + "分" +
        dt.getSeconds() + "秒";
    });
     $('.do').on('click',function(){
        window.location.href="/page/home1";
	});
  </script>
</body>

<script src="js/myMap.js"></script>

</html>